body{
    background:#9FDEFB;
}
.order_list{
    width:100%;
    position:relative;
    padding:0.5rem 0.3rem;
    height:500px;
}
.order_list>li{
    margin-bottom:1rem;
    background:#FFFFFF;
    border-radius:0.1rem;
    box-shadow:0 0 0.2rem rgba(0,0,0,0.1);
}
.order_list>li:last-child{
    margin-bottom:0;
}
.order_list>li>p:first-child{
    line-height:1.8rem;
    border-bottom:1px solid #F2F2F2;
    padding:0 0.6rem;
    position:relative;
    overflow:hidden;
    height:1.8rem;
}
.order_list>li>p:first-child>i{
    position:absolute;
    font-size:1rem;
    line-height:1.7rem;
}
.order_list>li>p:first-child>span{
    font-size:0.8rem;
    color:#333333;
    padding-left:1.2rem;
    white-space:nowrap;
    max-width:90%;
    display:inline-block;
    overflow:hidden;
}
.order_list>li>p:first-child>e{
    position:absolute;
    right:0.6rem;
    background:#FFFFFF;
    top:0;
}
.order_list>li>p:first-child>e.wait{
    color:#66B7C4;
}
/*订单类型*/
.order_list>li>p:first-child>i.plane{ /*机票*/
    color:#1FCAD1;
}
.order_list>li>p:first-child>i.train{ /*火车*/
    color:#419CE7;
}
.order_list>li>p:first-child>i.hotel{ /*酒店*/
    color:#F07B7C;
}
li.plane>.plan{
    padding: 0.3rem 0.6rem;
    background:#FFFCED;
}
li.plane>.plan>div:first-child{
    position:absolute;
    color:#1FCAD1;
    line-height:1.4rem;
    font-size:0.7rem;
    padding-right:0.6rem;
}
li.plane>.plan>div:last-child{
    margin-left:2.2rem;
    border-left:1px solid #F2F2F2;
}
li.plane>.plan>div:last-child>p{
    line-height:0.7rem;
    font-size:0.6rem;
    text-indent:0.7rem;
    color:#A1A1A1;
}
.main{
    padding: 0 0.6rem 0.6rem;
}
.main>p:first-child{
    line-height:2.4rem;
    color:#333333;
    position:relative;
}
.main>p:first-child>span{
    margin-right:0.4rem;
}
.main>p:first-child>i{
    font-size:1.2rem;
    position:absolute;
    color:#BBBBBB;
    right:0;
}
.main>p:nth-child(2){
    font-size:1.2rem;
    color:#333333;
    position:relative;
}
.main>p:nth-child(2)>i{
    left:calc(35%);
    position:absolute;
    padding:0.1rem 0;
    min-width:5rem;
    min-height:1.7rem;
}
.main>p:nth-child(2)>i>span{
    position:relative;
    display:block;
    font-style:normal;
    color:#BBBBBB;
    font-size:0.6rem;
    line-height:1rem;
    padding:0.25rem 1rem;
    background:#FFFFFF;
    background-clip:content-box;
    text-align:center;
    z-index:10;
}
.main>p:nth-child(2)>i>img{
    top:0.7rem;
    left:0;
    width:100%;
    position:absolute;
}
.main>p:nth-child(2)>span:last-child{
    position:absolute;
    right:0;
}
.main>p:last-child{
    position:relative;
    line-height:1rem;
    color:#333333;
}
.main>p:last-child>span:last-child{
    position:absolute;
    right:0;
}
.payment{
    position:relative;
    border-top:8px solid #F5FAFD;
    height:2.8rem;
}
.payment>span{
    width:50%;
    margin:0;
    float:left;
    display:inline-block;
    position:relative;
    line-height:2.4rem;
    text-align:center;
    font-size:0.8rem;
}
.payment>span:first-child{
    color:#F19E38;
    font-size:1rem;
}
.payment>span:first-child>i{
    font-style:normal;
    font-size:0.7rem;
}
.payment>span:last-child{
    color:#FFFFFF;
    background:#F19E38;
    border-bottom-right-radius:0.1rem;
}
.consult{
    padding:0.7rem 0.7rem 0.3rem;
    background:#F5FAFD;
}
.consult>a{
    font-size:0.7rem;
    padding:0.2rem;
    color:#419CE7;
    border-color:#419CE7;
}
.consult>a:active{
    color:#419CE7;
}
.hotel>.main>p{
    font-size:0.7rem;
    line-height:1.2rem;
}
.hotel>.main>p>span:first-child{
    margin-right:0.1rem;
}
.hotel>.main>p:first-child{
    font-size:0.75rem;
    line-height:2.4rem;
}
.hotel>.main>p:first-child>span:nth-child(2){
    margin-right:0.2rem;
}
.hotel>.main>p:nth-child(2)>span:last-child{
    position:relative;
    margin-left:0.2rem;
    color:#BBBBBB;
}
.hotel>.main>p:nth-child(3){
    font-size:0.7rem;
    color:#333333;
}
.hotel>.main>p:nth-child(3)>span:last-child{
    position:relative;
    margin-left:0.2rem;
    color:#BBBBBB;
}
